Ext.namespace('Ext.paymentSelect');
Ext.paymentSelect.payResult = [
		['10001', '王道发', '2009-08', '333333', 'dd', '薪资模板1'],
		['10002', '呆呆地', '2009-08', '5677', 'dd', '薪资模板2']];
Ext.paymentSelect.payItem = [['10001', '薪资模板1'], ['10002', '薪资模板2']];
Ext.paymentSelect.payItemDetail = [['薪资项目1', '342', '2345', '23423', '3423'],
		['薪资项目2', '86', '67567', '6765', '6765']];

Ext.onReady(function() {

	// 薪资模板的下拉框
	var payItemCombox = new Ext.form.ComboBox({
				fieldLabel : '薪资模板',
				hiddenName : 'state',
				store : Ext.paymentSelect.payItem,
				displayField : 'state',
				typeAhead : true,
				mode : 'local',
				triggerAction : 'all',
				emptyText : '请选择...',
				selectOnFocus : true,
				anchor : '90%',
				width : 150
			});

	// 日期控件
	Ext.apply(Ext.form.VTypes, {
		daterange : function(val, field) {
			var date = field.parseDate(val);

			if (!date) {
				return;
			}
			if (field.startDateField
					&& (!this.dateRangeMax || (date.getTime() != this.dateRangeMax
							.getTime()))) {
				var start = Ext.getCmp(field.startDateField);
				start.setMaxValue(date);
				start.validate();
				this.dateRangeMax = date;
			} else if (field.endDateField
					&& (!this.dateRangeMin || (date.getTime() != this.dateRangeMin
							.getTime()))) {
				var end = Ext.getCmp(field.endDateField);
				end.setMinValue(date);
				end.validate();
				this.dateRangeMin = date;
			}
			return true;
		}
	});

	var paymentSelectPanel = new Ext.form.FormPanel({
				anchor : '90%',
				frame : true,
				hideLables : false,
				id : 'addPanelForm',
				buttonAlign : 'right',
				bodyStyle : 'padding:5px 5px 0',
				items : [{
					layout : 'column',
					items : [{
								columnWidth : 1,
								layout : 'form',
								items : [{
											layout : 'form',
											xtype : 'label',
											text : '客户中文名称：'
													+ session_companyName,
											name : 'company_chinese_code',
											id : 'company_chinese_code'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											xtype : 'textfield',
											fieldLabel : '雇员姓名',
											name : 'emp_name',
											id : 'emp_name',
											anchor : '90%'
										}, {
											fieldLabel : '薪资月份从',
											anchor : '90%',
											name : 'startdt',
											id : 'startdt',
											xtype : 'datefield',
											vtype : 'daterange',
											endDateField : 'enddt'

										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								items : [{
											layout : 'form',
											items : [payItemCombox]
										}, {

											fieldLabel : '薪资月份到',
											anchor : '90%',
											name : 'enddt',
											id : 'enddt',
											xtype : 'datefield',
											vtype : 'daterange',
											startDateField : 'startdt'
										}]

							}]

				}],
				buttons : [{
							text : '查询'
						}]

			});

	// 子表显示
	var paymentSelectStore = new Ext.data.SimpleStore({
				fields : [{
							name : 'emp_code',
							type : "string"
						}, {
							name : 'emp_name',
							type : 'string'
						}, {
							name : 'month',
							type : 'string'
						}, {
							name : 'money',
							type : 'string'
						}, {
							name : 'payItem_id',
							type : 'string'
						}, {
							name : 'payItem_name',
							type : 'string'
						}]
			});
	paymentSelectStore.loadData(Ext.paymentSelect.payResult);

	// 查询显示的表格
	// var sm = new Ext.grid.CheckboxSelectionModel();
	var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
				header : '雇员编号',
				dataIndex : 'emp_code',
				width : 150
			}, {
				header : '雇员姓名',
				dataIndex : 'emp_name',
				width : 150
			}, {
				header : '薪资模板',
				dataIndex : 'payItem_name',
				width : 150
			}, {
				header : '年度月份',
				dataIndex : 'month',
				width : 150
			}, {
				header : '新资金额',
				dataIndex : 'money',
				width : 150
			}, {
				header : '明细查询',
				dataIndex : 'payItem_id',
				width : 150,
				renderer : function(v, p, record) {
					if (v != null) {
						return "<input type='button' class='x-btn' value=' 查 看 ' onClick=\"paymentSelectDetailWin('"
								+ record.data.emp_code + " ')\">";
					}
				}
			}]);

	var paymentSelectGrid = new Ext.grid.GridPanel({
				height : 210,
				anchor : '90%',
				id : 'pbEmp',
				bbar : new Ext.PagingToolbar({
							pageSize : pageSize,
							store : paymentSelectStore,
							displayInfo : true,
							dispalyMsg : '显示第{0}条到{1}条记录，一共{2}条',
							emptyMsg : '没有记录'
						}),
				// sm : sm,
				cm : cm,
				store : paymentSelectStore,
				loadMask : true,
				loadMask : {
					msg : '正在加载数据...'
				}
			});

	paymentSelectPanel.render(Ext.getBody());
	paymentSelectGrid.render(Ext.getBody());
});

function paymentSelectDetailWin(ww) {
	var a = paymentSelectDetail(ww);
	a.show();
}